<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@page import="model.UsersModel" import="dao.NoteDao" %>
<%if((Integer)session.getAttribute("id") == null){
	response.sendRedirect("login.jsp");
}
	%>


<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta name="author" content="李华胜<yehong0000@163.com">
<script type="text/javascript" src='./Js/jquery-2.0.3.min.js'></script>
<script type="text/javascript" src='./Js/msgBox.js'></script>
<script type="text/javascript" src='./Js/main.js'></script>
<script type="text/javascript" src='./Js/ucenter.js'></script>
<link rel="stylesheet" href="Css/icon/style.css">
<link rel="stylesheet" href="Css/ucenter.css">
<title>用户中心页</title>
</head>
<body>
<div class="header">
    <%=(String)session.getAttribute("username")%><span style="font-size:14px"> <%=(String)session.getAttribute("usertel") %></span>
    <p>便签你的生活...</p>
</div>
<script type="text/javascript">
var uid='<%=(Integer)session.getAttribute("id")%>';
</script>
<div class="content">
    <div class="nav" >
        <div class="face"><img src="headerimage/<%=(String)session.getAttribute("headerimage") %>" alt="生活照"></div>
        <ul>
            <li id="info">个人资料</li>
            <li id="myNote" url="myNote.jsp">我的便签</li>
            <li id="send">新建便签</li>
            <li id="myStore"><a href="dooutlogin.jsp">退出登录</a></li>
        </ul>
    </div>
    <!-- 展示区 -->
    <div id="view">
        <ul id="hello">
            <li>
            <label for="">欢迎你，<%=(String)session.getAttribute("username") %></label>
            <span>每日便签，天天好心情。</span>
            </li>
            <li>
            <label for="">当前时间</label>
            <span id="time"></span>
            </li>
            <li>
            <label for="">便签总数</label>
            <span><%=new NoteDao().countId((Integer)session.getAttribute("id"))%></span>
            </li>
            <li>
            <label for="">查看分享便签墙</label>
            <span><a href="index.jsp">Let's Go!</a></span>
            </li>
        </ul>
        <ul id="lists" class="listshow">

        </ul>
    </div>
    <!-- 选项卡数据区结束，底部快捷菜单开始 -->
</div>
   <div id="choose">
        <div>确定删除该内容？</div>
        <input class="send" id="chooseYes" type="button" value="确定">
        <input class="send" id="chooseNo" type="button" value="取消">
    </div>
<!-- 添加新便签 -->
<div id='send-form'>
    <p class='title'><span>添加便签</span><a href="detail.jsp" id='close'></a></p>
    <form action="" name='wish'>
        <p>
        <input type="text" placeholder="标题-（可选）" name='title' id='title'/>
        </p>
        <p>
        <textarea name="content" placeholder="内容" id='content'></textarea>
        <label for="content">(您还可以输入&nbsp;<span id='font-num'>50</span>&nbsp;个字)</label>
        </p>
        <span id="send-btn">保存</span>
    </form>
</div>

<div id="footer">&copy;2015 "非常5+1"组实习结业设计</div>
</body>
</html>
